<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{padding:0; margin:0;}
.l{float:left}
.r{float:right}
.w{width:955px; margin:0 auto;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
body{background:#f1f1f1;}
#header{width:955px; height:77px; margin:0 auto;}
#header h1{width:118px; height:37px; float:left; border-right:1px dashed #ccc;padding-right:23px; margin-top:20px;}
#header h2{width:286px; height:25px; margin-top:27px; margin-left:23px; float:left} 
#header p{float:right; height:77px; line-height:77px; font-size:12px;}
#header a{text-decoration:none}
#header a:hover{text-decoration:underline}
#content .up{width:955px; height:46px; margin:0 auto;}
#content .up .left{width:43px; height:46px; float:left; background:url(img/tit_bg1.jpg) no-repeat;}
#content .up .center{width:907px; height:46px; line-height:46px; background:url(img/tit_bg2.jpg) repeat-x; float:left; font-size:14px; color:#fff;}
#content .up .right{width:5px; height:46px; float:left; background:url(img/tit_bg3.jpg) no-repeat right;}
#content .down{height:494px; background:#fff; overflow:hidden;}
#content .down dl{height:52px; width:952px; margin-bottom:11px;}
#content .down dl dt{width:330px; height:52px; text-align:right; line-height:27px; font-size:14px;}
#content .down dl dt span{color:#f00;}
#content .down dl dd{width:611px; height:52px;}
#content .down dl dd input{width:311px; height:25px; border:1px solid #ccc; outline:none;}
#content .down dl dd p{font-size:12px; color:#a1a1a1; line-height:25px;}
#content .down dl.first{margin-top:45px;}
#content .down dl.first dd input{width:195px; height:25px; border:1px solid #ccc;}
#content .down dl.last dd input{margin-right:5px;}
#content .down dl.last dd p{clear:both;} 
#content .down dl.last dd .ch1{width:15px; height:15px;}
#footer{height:50px; line-height:50px; text-align:center; font-size:12px;}
</style>
</head>
	<div id="header">
    	<h1><img src="img/logo_wy.png"/></h1>
        <h2><img src="img/text.png"/></h2>
        <p><a href="#">反馈意见</a> <a href="#">帮助</a></p>
    </div>
	<div id="content">
    	<div class="up">
            <div class="left"></div>
            <div class="center">欢迎注册网易免费邮，您可以选择注册163、126、yeah.net三大免费邮箱
    </div>
            <div class="right"></div>
        </div>
        <div class="down w">
        	<dl class="first">
            	<dt class="l"><span>*</span> 邮件地址</dt>
                <dd class="r">
                	<input type="text" placeholder="建议手机号"/>
                    <b>@</b>
                    <select>
                    	<option>qq.com</option>
                    </select>
                    <p>6-18个字符</p>
                </dd>
            </dl>
        	<dl>
            	<dt class="l"><span>*</span> 密码</dt>
                <dd class="r">
                	<input type="password" />
                    <p>6-18个字符</p>
                </dd>
            </dl>
        	<dl>
            	<dt class="l"><span>*</span> 再次输入密码</dt>
                <dd class="r">
                	<input type="password" />
                    <p>6-18个字符</p>
                </dd>
            </dl>
        	<dl>
            	<dt class="l"><span>*</span> 手机号码</dt>
                <dd class="r">
                	<input type="text" />
                    <p>6-18个字符</p>
                </dd>
            </dl>
        	<dl style="height:72px;" class="last">
            	<dt class="l"><span>*</span> 验证码</dt>
                <dd class="r">
                	<input class="l" type="text" />
                    <img class="l" src="img/yz.jpg"/>
                    <p>6-<a href="#">18</a>个<a href="#">字符</a></p>
                    <input style="width:15px;" class="l ch" type="checkbox" checked/>
                    <p style="clear:none;" class="l p1">啊啊啊<a href="#">啊啊</a>啊啊啊啊啊啊<a href="#">啊啊啊</a>啊啊啊啊啊啊啊啊</p>
                </dd>
            </dl>
        	<dl>
            	<dt class="l"></dt>
                <dd class="r">
                	<input style="width:104px; height:36px; background:url(img/but.jpg); margin-top:32px; cursor:pointer;" type="submit" value="" />
                </dd>
            </dl>
        </div>
    </div>
	<div id="footer">
    	<a href="#">关于网易 </a><a href="#"> 关于网易</a><a href="#"> 免费邮箱</a><a href="#"> 官方微博</a><a href="#"> 客户服务</a><a href="#"> 隐私政策</a>丨 网易公司版权所有 1997-2012
    </div>
<body>
</body>
</html>
